<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

<ui:composition
	template="/WEB-INF/facelets/templates/templateInicio.xhtml">
	<ui:define name="content">
		<h3 align="center" style="color: #FF9900">Bitácora No. 1 ESTAR EN
			LA ONDA DE ONDAS</h3>
		<br />
		<h:graphicImage value="/images/act9.jpg"/>

		<a4j:form>
			<h2>Para el Grupo de Investigación</h2>
			
			<h:panelGrid columns="3">
				
				<h:outputText value="Nombre del Grupo:"></h:outputText>
				<h:inputText value="#{nuevoGrupoBean.grupo.nombre}"
					style="width: 148px;" required="true"
					requiredMessage="Dato requerido" id="nombre">
					<rich:ajaxValidator event="onblur" />
				</h:inputText>
				<rich:message for="nombre" style="color:red;">
					<f:facet name="errorMarker">
						<h:graphicImage value="/images/icons/error.jpg" />
					</f:facet>
				</rich:message>


				<h:outputText value="Tiempo de Existencia del Grupo:"></h:outputText>
				<h:inputText value="#{nuevoGrupoBean.grupo.existencia}"
					style="width: 148px;" required="true"
					requiredMessage="Dato requerido" id="tiempo">
					<rich:ajaxValidator event="onblur" />
				</h:inputText>
				<rich:message for="tiempo" style="color:red;">
					<f:facet name="errorMarker">
						<h:graphicImage value="/images/icons/error.jpg" />
					</f:facet>
				</rich:message>

				<h:outputText value="login:"></h:outputText>
				<h:inputText value="#{nuevoGrupoBean.grupo.login}"
					style="width: 148px;" required="true"
					requiredMessage="Dato requerido" id="login">
					<rich:ajaxValidator event="onblur" />
				</h:inputText>
				<rich:message for="login" style="color:red;">
					<f:facet name="errorMarker">
						<h:graphicImage value="/images/icons/error.jpg" />
					</f:facet>
				</rich:message>

				<h:outputText value="Clave:"></h:outputText>
				<h:inputSecret value="#{nuevoGrupoBean.grupo.clave}"
					style="width: 148px;" required="true"
					requiredMessage="Dato requerido" validatorMessage="La clave debe ser de por lo menos 6 caracteres" id="clave">
					<f:validateLength minimum="6"/>
					<rich:ajaxValidator event="onblur" />
				</h:inputSecret>
				<rich:message for="clave" style="color:red;">
					<f:facet name="errorMarker">
						<h:graphicImage value="/images/icons/error.jpg" />
					</f:facet>
				</rich:message>

				<h:outputText value="Municipio" />
				<rich:comboBox directInputSuggestions="true"
					suggestionValues="#{nuevoGrupoBean.listaMunicipios}"
					defaultLabel="Todos"
					value="#{nuevoGrupoBean.municipioSeleccionado}" immediate="true"
					width="150" enableManualInput="false" id="muni">

					<a4j:support event="onchange"
						reRender="institucionCombo, sedeCombo"
						action="#{nuevoGrupoBean.obtenerSeleccion}"></a4j:support>

				</rich:comboBox>
				<rich:message for="muni" style="color:red;">
					<f:facet name="errorMarker">
						<h:graphicImage value="/images/icons/error.jpg" />
					</f:facet>
				</rich:message>

				<h:outputText value="Institucion" />
				<rich:comboBox id="institucionCombo" directInputSuggestions="true"
					suggestionValues="#{nuevoGrupoBean.listaInstituciones}"
					defaultLabel="Todas"
					value="#{nuevoGrupoBean.institucionSeleccionada}" immediate="true"
					width="150" enableManualInput="false">

					<a4j:support event="onchange" reRender="sedeCombo"
						action="#{nuevoGrupoBean.obtenerSedesInstitucion}"></a4j:support>

				</rich:comboBox>
				<rich:message for="institucionCombo" style="color:red;">
					<f:facet name="errorMarker">
						<h:graphicImage value="/images/icons/error.jpg" />
					</f:facet>
				</rich:message>

				<h:outputText value="Sede" />
				<rich:comboBox id="sedeCombo" directInputSuggestions="true"
					suggestionValues="#{nuevoGrupoBean.listaSedes}"
					defaultLabel="Todas" value="#{nuevoGrupoBean.sedeSeleccionada}"
					width="150" enableManualInput="false">
				</rich:comboBox>
				<rich:message for="sedeCombo" style="color:red;">
					<f:facet name="errorMarker">
						<h:graphicImage value="/images/icons/error.jpg" />
					</f:facet>
				</rich:message>

				<a4j:commandButton value="Registrar Grupo"
					action="#{nuevoGrupoBean.crearBitacora1Grupo}"
					oncomplete="#{rich:component('wait')}.show()" style="width: 110px; height: 30px; font-size: 14px; align: center" id="aceptar"/>
			</h:panelGrid>
			
			<rich:toolTip for="nombre" followMouse="true" value="Definan como llamaran el grupo que conformaron"/>
			<rich:toolTip for="login" followMouse="true" value="Seleccione un nombre que los identificará en la plataforma y que ademas debe ser unico"/>
			<rich:toolTip for="clave" followMouse="true" value="Definan un clave de minimo 6 caracteres"/>
			<rich:toolTip for="institucionCombo" followMouse="true" value="Institucion a la cual pertenece el grupo"/>
			<rich:toolTip for="muni" followMouse="true" value="Municipio al cual pertenece el grupo"/>
			<rich:toolTip for="tiempo" followMouse="true" value="Cuanto tiempo tiene el grupo desde que lo formaron"/>
			<rich:toolTip for="sedeCombo" followMouse="true" value="Sede a la cual pertenece el grupo"/>
			<rich:toolTip for="aceptar" followMouse="true" value="Da clic aqui para registrar tu grupo"/>
		</a4j:form>


		<rich:modalPanel id="wait" autosized="true" width="300" height="120"
			moveable="false" style="background-color:white;">
			<f:facet name="header">
				<h:outputText value="Informacion" />
			</f:facet>
			<f:facet name="controls">
				<h:panelGroup>
					<h:graphicImage value="/images/icons/close.jpg" id="hidelink"
						styleClass="hidelink" />
					<rich:componentControl for="wait" attachTo="hidelink"
						operation="hide" event="onclick" />
				</h:panelGroup>
			</f:facet>
			<h:form>
				<h:panelGrid columns="1">
					<a4j:outputPanel ajaxRendered="true">
						<h:panelGroup>
							<h:panelGrid columns="2">
								<h:graphicImage value="/images/icons/adv.jpg" />
								<h:outputText value="#{nuevoGrupoBean.mensaje}"
									style="font-style: italic; font-size: 16px" />
							</h:panelGrid>
						</h:panelGroup>
					</a4j:outputPanel>
					<a4j:commandButton value="Aceptar"
								oncomplete="if (#{facesContext.maximumSeverity==null}) #{rich:component('wait')}.hide();"
								style="width: 100px; height: 30px; font-size: 16px; align: center"></a4j:commandButton>
				</h:panelGrid>
			</h:form>
		</rich:modalPanel>
	</ui:define>
</ui:composition>
</html>